
//  把随机所有的div的位置 定义成一个方法
function randomPositon() {

    var width = $('#photo').width();
    var height = $('#photo').height();

    // 获取到html中的所有的div标签
    // 遍历：把所有的div挨个获取一遍，让每一个都去执行某个方法
    $('#photo div').each(function () {

        // 随机两个距离
        var left = Math.random() * width / 2 + width / 4 - 50;
        var top = Math.random() * height / 2 + height / 4 - 60;
        // 随机一个旋转的角度 -45 ~ 45
        var x = Math.random() * 90 - 45;

        // this当前的div
        $(this).css({
            // 把随机出来的跟屏幕左边的距离的值 设置给 标签的left属性
            'left': left,
            'top': top,
            'position': 'absolute',
            'transform': 'rotate(' + x + 'deg)'
        });
    });
}

// 方法定义好之后，里面的代码是不会自动执行的，要主动调用一次这个方法
randomPositon();




